// 你可以混合使用类选择器和id选择器
.a{
  color: red;
}
.mixin-class {
  .a();
}

// 如果你想创建一个mixin，但不想让它出现在CSS输出中，可以在mixin定义后加上圆括号。
.my-mixin {
  color: black;
}
.my-other-mixin() {
  background: white;
}
.class {
  .my-mixin();
  .my-other-mixin();
}

// mixin不仅可以包含属性，还可以包含选择器。
.my-hover-mixin() {
  &:hover {
    border: 1px solid red;
  }
}
button {
  .my-hover-mixin();
}

// 像函数一样传递参数
.border-radius(@radius) {
  -webkit-border-radius: @radius;
     -moz-border-radius: @radius;
          border-radius: @radius;
}
#header {
  .border-radius(4px);
}
.button {
  .border-radius(6px);
}
// 使用默认值
.foo (@bg: #f5f5f5; @color: #900) {
  background: @bg;
  color: @color;
}
.unimportant {
  .foo();
}